// modal issue Report root class
// black
$color-black-424242: #424242;
$color-black-212121: #212121;
$color-black-616161: #616161;
// gray white
$color-gray-9e9e9e: #9e9e9e;
$color-gray-e0e0e0: #e0e0e0;
$color-gray-f5f5f5: #f5f5f5;
$color-gray-757575: #757575;
$color-gray-bdbdbd: #bdbdbd;
$color-white-ffffff: #ffffff;
// red
$color-red-bff8d7d: #ff8d7d;
$color-red-ff5a50: #ff5a50;
$color-red-bb686b: #bb686b;
$color-red-ff8d7d: #ff8d7d;
// green
$color-green-37BC34: #37bc34;
// blue
$color-blue-f1f9ff: #f1f9ff;
$color-blue-68b1ff: #68b1ff;
$color-blue-0482fa: #0482fa;
$color-blue-337ab7: #337ab7;

.required {
  color: $color-red-ff5a50;
  transform: translate(0, 0.2em);
  padding-right: 2px;
}

.oms-form-item-title {
  display: flex;
  align-items: center;
}

.oms-modal-input-group {
  .t-group {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    height: 40px;
    position: relative;
    background-color: $color-white-ffffff;
    border: 1px solid $color-gray-e0e0e0;
    border-radius: 2px;
    padding-right: 8px;
  }

  .t-readonly {
    border: none;
  }

  //
  .t-input {
    flex: 1;
    border: none;
    padding: 11px;
    box-shadow: none;
    height: auto;
    line-height: 16px;
    color: $color-black-212121;
    //
    &:focus {
      border: none;
      box-shadow: none;
    }
  }

  //
  .t-icon {
    // font-size: 14px;
    //  margin-right: 16px;
    width: 24px;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;

    .svg {
      //position: absolute;
      //top: 0;
      //left: 0;
      //right: 0;
      //bottom: 0;
    }

    //&.false {
    //    transform: scale(0.5);
    //    color: $color-red-bff8d7d;
    //}
    //
    //&.true {
    //    color: $color-green-37BC34;
    //}
  }

  //
  .t-error {
    font-size: 14px;
    color: $color-red-ff5a50;
    margin: 4px 0;
  }
}
